<back-to-top class="back_top" title="返回顶部"></back-to-top>
<div class="container">
  <div class="row order">
    <div class="col-md-12"><h3>生成订单 |</h3></div>
    <div class="col-md-12">
      <table class="order-table">
        <tr>
          <td>订单号</td>
          <td>商品名称</td>
          <td>商品数量</td>
          <td>商品价格</td>
        </tr>
        <tr>
          <td>{{detail.orderid}}</td>
          <td>{{detail.post.name}}</td>
          <td>{{detail.post.number}}</td>
          <td><span>{{detail.post.price}}元</span></td>
        </tr> 
        <tr>
          <td colspan="3" class="t-1"><label>商品规格：</label>{{detail.post.size}}</td>
          <td>运费：<span>{{detail.post.yprice}}元</span></td>
        </tr>  
         <tr>
          <td colspan="4" class="t-2">
            收货地址：{{detail.addr.name + ' - ' + detail.addr.mobile + ' - ' + detail.addr.addr}}
          </td>
        </tr>     
        <tr>
          <td>支付方式</td>
          <td style="text-align: left;"><img class="mt20 mb20" src="images/order/alipay.png"></td>
          <td></td>
          <td class="order-left">合计：<span>{{detail.payAmount}}元</span></td>
        </tr> 
        <tr style="border:0;text-align: right;">
          <td colspan="3"></td>
          <td><br><button ng-click="buy()" class="btn btn-info btn-full">确认支付</button></td>
        </tr>    
      </table>
    </div>
  </div>
</div>
<style> 
  .order-left{
    font-weight: bold;
    font-size:22px;
  }
  span{
    color: #f44336;
    font-weight: bold;
  }

  .t-1{
    text-align: left;
    padding-left: 8%;
  }
  .t-1 label{
    font-weight: bold;
  }
  .t-2{
    text-align: right;
    padding-right: 40px;
  }
</style>